<template>
	<div id="cart">
		<div id="header">
				<i class="fa fa-angle-left" aria-hidden="true" @click="$router.go(-1)"></i>
			<div>聊天记录</div>
		</div>
		
		<div class="dlg">
			<div>
				<img src="../../assets/images/superImg1.png"/>
			</div>
			<div>
				<p>还没有聊天记录</p>
				<br />
				<p>快来和店长互动吧~</p>
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style scoped="scoped">
	body{
		background:#fff;
	}
	#header{
		height:1.189189rem;
		background:#fc2b64;
		display: flex;
		align-items:center;
		justify-content: center;
		position: relative;
	}
	#header i{
		color:#fff;
		font-size:0.628378rem;
		position: absolute;
		left:0.27027rem;
		top:0.324324rem;
	}
	#header div{
		color:#fff;
		font-size:0.432432rem;
		font-weight:bold;
	}
	.dlg{
		margin-top:5.3rem;
		display:flex;
		flex-direction:column;
		align-items:center;
	}
	.dlg div:last-child{
		padding-top:0.1rem;
	}
	.dlg div p{
		font-size:0.351351rem;
	}
	.dlg div p:first-child{
		position: relative;
		top:0.427rem;
		left:0.3027rem;
	}
</style>